/*
* @Author: yanxiaoli
* @Date:   2018-12-20 13:50:06
* @Last Modified by:   yanxiaoli
* @Last Modified time: 2019-01-25 15:26:39
*/
/*banner*/
#focus{ margin: 18px auto 26px; width:760px; height:260px; overflow: hidden; position: relative;}
#focus img{ display:block; width:760px; height:260px;}
#focus ul{overflow: hidden; position: absolute; left: 0; top: 0;}
#focus ul li{ position:relative;float: left;}
#focus ul li.bbb{  height: 100%; position: absolute; left: 0; top: 0; z-index: 1;}
#focus ul li.bbb.current{ z-index: 2;}
#focus ol{ overflow: hidden; position: absolute; right: 3%; bottom: 12px; z-index: 24;}
#focus ol li{ width: 8px; height: 8px; background: #fff; border-radius: 100%; float: left; margin-left: 6px; cursor: pointer;opacity: 0.4;}
#focus ol li.current{ background: #fff;opacity: 1;}
#focus ul li .text { position:absolute; left:0; bottom:0; width:100%; height:40px; line-height:40px; z-index:10; text-align:left; padding-left:30px; box-sizing:border-box; font-size:18px; overflow:hidden;color:#fff;background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 3%, rgba(0,0,0,0.90) 100%);}
#focus ul li.ccc{display: none;}
#focus ul li.ccc.current{display: inline-block;}
 


